<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<script type="text/javascript">
		$(function() {
			$(".pro_btn").linkbutton({
				onClick : function() {
					var title = $(this).text();
					var url = $(this).attr("id");
					//判断该面板是否已打开
					if($("#tt").tabs("exists", title)){
						//已存在则激活
						$("#tt").tabs("select", title);
					}else{
						//不存在
						var config = {
								title: title,
								href: url,
								closable: true
							}
						$("#tt").tabs("add", config);
					}
				}
			});
			$(".processDiv_ul li").mouseover(function() {
				$(this).animate({
					paddingLeft : '+=10px'
				});
			})
			$(".processDiv_ul li").mouseout(function() {
				$(this).animate({
					paddingLeft : '-=10px'
				});
			})

		})
	</script>
	<div class="processDiv">
		<ul class="processDiv_ul">
			<li><a id="to_employs"
				class="easyui-linkbutton button-teal pro_btn"
				data-options="iconCls:'icon-employs'">录用申请单</a></li>
			<li><a id="to_leave"
				class="easyui-linkbutton button-blue pro_btn"
				data-options="iconCls:'icon-leave'">请假申请单 </a></li>
			<li><a id="to_overwork"
				class="easyui-linkbutton button-darkblue pro_btn"
				data-options="iconCls:'icon-overwork'"> 加班申请单 </a></li>
		</ul>
		<ul class="processDiv_ul">
			<li><a id="to_standard"
				class="easyui-linkbutton button-teal pro_btn"
				data-options="iconCls:'icon-standard'">转正申请单</a></li>
			<li><a id="to_transfer"
				class="easyui-linkbutton button-blue pro_btn"
				data-options="iconCls:'icon-transfer'">调动申请单</a></li>
			<li><a id="to_quit"
				class="easyui-linkbutton button-darkblue pro_btn"
				data-options="iconCls:'icon-quit'">离职申请单</a></li>
		</ul>
		<ul class="processDiv_ul">
			<li><a id="to_loan"
				class="easyui-linkbutton button-teal pro_btn"
				data-options="iconCls:'icon-loan'">借款申请单</a></li>
			<li><a id="to_reloan"
				class="easyui-linkbutton button-blue pro_btn"
				data-options="iconCls:'icon-reloan'">还款申请单</a></li>
			<li><a id="to_notice"
				class="easyui-linkbutton button-darkblue pro_btn"
				data-options="iconCls:'icon-notice'">通知申请单</a></li>
		</ul>
	</div>

















	<!-- <div class="processDiv">
		<ul class="processDiv_ul">
			<li id="to_employs"><span>录用申请单</span>
				<div>恭喜入职...</div></li>
			<li id="to_leave"><span>请假申请单</span>
				<div>请假遵守规则噢...</div></li>
			<li id="to_overwork"><span>加班申请单</span>
				<div>挣加班费啦...</div></li>
			<li id="to_standard"><span>转正申请单</span>
				<div>恭喜你正式成为我们一员...</div></li>
			<li id="to_transfer"><span>人事调动申请单</span>
				<div>人员调动请填写此单...</div></li>
			<li id="to_quit"><span>离职申请单</span>
				<div>遗憾离职...</div></li>
			<li id="to_loan"><span>借款申请单</span>
				<div>向公司借钱了...</div></li>
			<li id="to_reloan"><span>还款申请单</span>
				<div>欠债还钱，天经地义...</div></li>
			<li id="to_notice"><span>通知申请单</span>
				<div>发起一个通知，通知他们干活...</div></li>

		</ul>
	</div> -->
</body>
</html>